<template>
  <a-grid-item :span="{lg: 4}" class="g-collapse">
    <a-collapse :default-active-key="['1']">
      <a-collapse-item header="路由信息" key="1">
        <template #extra>
          <a-button type="primary" size="mini" @click.stop="">
            <icon-plus/>
            添加
          </a-button>
        </template>
        <template #header>
          <div class="grid grid-cols-[minmax(0,1fr),auto,minmax(0,1fr)] items-center">
            <div>路由</div>
            <!--                  <a-radio-group type="button" v-model="buttonType" @click.stop>-->
            <!--                    <a-radio value="1">内部</a-radio>-->
            <!--                    <a-radio value="2">外部</a-radio>-->
            <!--                  </a-radio-group>-->

          </div>
        </template>
        <a-timeline class="gt-timeline">
          <a-timeline-item label="2017-03-10">
            <div class="w-full flex justify-between">
              <div>1</div>
              <ul class="arco-list-item-action">
                <li>
                  <a-button type="outline" size="mini">
                    <icon-edit/>
                  </a-button>
                </li>
                <li>
                  <a-button type="outline" size="mini">
                    <icon-delete/>
                  </a-button>
                </li>
              </ul>
            </div>
          </a-timeline-item>
        </a-timeline>
        <a-list :bordered="false" size="small">
          <a-list-item title="title" description="description">
            <a-list-item-meta
                title="title"
                description="description"
            >
            </a-list-item-meta>
            <template #actions>
              <icon-edit/>
              <icon-delete/>
            </template>
          </a-list-item>
        </a-list>
      </a-collapse-item>
    </a-collapse>
  </a-grid-item>
</template>
<script>
export default {
  name: 'wbRouteInfo'
}
</script>